<template>
	<view>
		<view style="padding: 32upx;font-size: 28upx;color: #666666;">
			<view v-if="page==1">
				<van-cell-group>
					<van-field label="姓名" :value="name" @input="name=$event.detail" placeholder="请输入姓名" />
					<van-field label="身份证号" :value="id" @input="id=$event.detail" placeholder="请输入身份证号" />
				</van-cell-group>
				<view style="margin-top: 10upx;">
					<view>相关证件</view>
					<van-uploader image-fit="aspectFit" multiple=true max-count="1" :file-list="imageOne"
									@after-read="afterRead('imageOne',$event)" @delete="onDelete('imageOne',$event)" preview-size="120upx" />
				</view>
				<view style="margin-top: 10upx;">
					<view>人脸识别</view>
					<van-uploader image-fit="aspectFit" multiple=true max-count="1" :file-list="imageOne"
									@after-read="afterRead('imageOne',$event)" @delete="onDelete('imageOne',$event)" preview-size="120upx" />
				</view>
				<button class="button" style="margin: 20upx 0upx;" @click="onNextPage">下一步(1/2)</button>
			</view>
			<view v-else>
				<view style="margin-top: 10upx;">
					<view>车辆图片（含车牌正面照）	</view>
					<van-uploader image-fit="aspectFit" multiple=true max-count="1" :file-list="imageTwo"
									@after-read="afterRead('imageTwo',$event)" @delete="onDelete('imageTwo',$event)" preview-size="120upx" />
				</view>
				<van-cell-group>
					<van-field label="车牌号" :value="carNumber" @input="carNumber=$event.detail" placeholder="请输入车牌号" />
					<van-field label="车型" :value="carType" @input="carType=$event.detail" placeholder="请输入车型" />
					<van-field label="使用性质" :value="nature" @input="nature=$event.detail" placeholder="请输入使用性质" />
				</van-cell-group>
				<button class="button" style="margin: 20upx 0upx;" @click="onNextPage">确认提交</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				page:1,
				name:'',
				id:'',
				imageOne:'',
				imageTwo:'',
				carNumber:'',
				carType:'',
				nature:''
			}
		},
		methods:{
			//下一页
			onNextPage(){
				const that=this;
				that.page++;
			}
		}
	}
</script>

<style>
	page{
		background-color: #FFFFFF;
	}
</style>
<style lang="scss" scoped>
	
</style>
